<template>
     <div class="home-swiper">
       <van-swipe :autoplay="3000" lazy-render indicator-color="#FF8000">
         <van-swipe-item v-for="item in banner" :key="item">
           <img :src="item" class="rounded-image">
         </van-swipe-item>
       </van-swipe>
     </div>
   </template>
   
   <script setup>
   const banner = [
     'src/assets/Swiper/轮播图.webp',
     './src/assets/Swiper/轮播图1.webp',
     'src/assets/Swiper/轮播图2.webp',
     'src/assets/Swiper/轮播图3.webp',
     'src/assets/Swiper/轮播图4.webp'
   ]
   </script>
   
   <style lang="less" scoped>
   .home-swiper {
     width: 100%;
     
     .rounded-image {
       width: 100%;
       border-radius: 10px; /* 圆角半径 */
     }
   }
   </style>